<template>
    <view class="search">
        <view class="input_box">
            <uni-icons custom-prefix="iconfont" type="icon-a-Searchsousuo" size="20"></uni-icons>
            <!--    <uni-easyinput prefixIcon="search" v-model="value" placeholder="订单编号,姓名,编码" @iconClick="iconClick" class="input"></uni-easyinput> -->
            <input class="input" type="text" v-model="value" placeholder="订单编号,姓名,编码" confirm-type="search" />
        </view>
        <view class="search_btn" @click="searchFn">搜索</view>
    </view>
</template>

<script setup>
import { ref } from 'vue';
import { indentTypeGet } from '@/pages/request/loginApi.js';
const value = ref();
function searchFn() {
    uni.navigateTo({
        url: `/pages/searchindex/index?value=${value.value}`
    });
    // indentTypeGet({ keywords: value.value });
}
</script>

<style lang="scss">
.input_box {
    width: 560rpx;
    height: 80rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 10rpx;
    border-radius: 40rpx;
    .input {
        width: 100%;
        text-align: left;
        padding: 0 10rpx;
    }
}
.search_btn {
    padding: 15rpx;
    font-size: 32rpx;
    width: 120rpx;
    color: #fff;
    height: 70rpx;
    background-color: #55aaff;
    border-radius: 20rpx;
    margin-top: 5rpx;
    margin-left: 25rpx;
    text-align: center;
}
.search {
    display: flex;
}
</style>
